<template>
   <div class="fix-page">
       <div class="select place">
           <headerNav :isShowBack="true"  title="地址选择"></headerNav>
           <div class="address-list">
               <addressItem></addressItem>
               <addressItem></addressItem>
               <addressItem></addressItem>
           </div>
           <div @click="$router.push('/address?type=2')" class="add-button">
               添加
           </div>
       </div>
   </div>
</template>

<script>
    import headerNav from 'components/HeaderNav/headerNav'
    import addressItem from './childComps/addressItem'
    export default {
        name: "selectAddress",
        components:{
            addressItem,
            headerNav
        }
    }
</script>

<style scoped>
    .fix-page{
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #fff;
        z-index: 777;
    }
    .fix-page .place{
        overflow: auto;
        height: 100%;
    }
    .select{
        background-color: #f5f5f5;
        height: 100vh;
    }
    .address-list{
        overflow: hidden;
    }

    .add-button{
        position: fixed;
        bottom: 60px;
        width: 85%;
        text-align: center;
        color: #fff;
        margin-left: 50%;
        border-radius: 6px;
        transform: translateX(-50%);
        padding: 10px 0;
        background: black;
    }

</style>